<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <title>index</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet" href="css/content.css" />
    <link rel="stylesheet" href="css/media.css" />
    <!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

</head>

<body>
    <!-- header -->
    <div class="header clearfix">
        <div class="menuBtn"></div>
        <div class="logo fl"> <a href="index.html"><img src="images/logo.png" /></a></div>
        <div class="nav fr">
            <ul class="clearfix">
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于善待</a></li>
                <li><a href="hall.html">善待乐活馆</a></li>
                <li><a href="machine.html">善待灵机</a></li>
                <li><a href="plan.html">品牌优选计划</a></li>
                <li><a href="activity.html">公益活动</a></li>
            </ul>
        </div>
    </div>
    <!-- header-end -->
    <!-- banner -->
    <div class="inner-banner" style="background-image: url(images/hall-banner.jpg)">
        <div class="in-tit">
            <h1 class=" wow zoomIn">善待乐活馆</h1>
            <h4 class="wow zoomIn">陪伴式健康生活服务</h4>
        </div>
    </div>
    <!--banner-end-->
    <!-- 主体 -->
    <!-- 乐活馆服务体系 -->
    <section class="service-sec">
        <header class="comm-header wow fadeInUp"><span>乐活馆服务体系</span></header>
        <div class="swiper-container wow fadeInUp">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="ser-item">
                        <div class="ser-icon"><img src="./images/fw1.png" /></div>
                        <div class="ser-name"><span class="s-num">31</span><span class="s-txt">善待健康</span></div>
                        <div class="ser-info" style="background-image: url(images/ser-bg.png)">
                            <h4>善待健康</h4>
                            <article>
                                甄选原材料，在加工、运输、物流环
                                节层层监控，严守高品质输出关。稳
                                定的产品质量，周到的售前售后服务
                                让用户安心享受健康生活。以产品为
                                载体，普及健康生活理念，传递用户
                                对于家人、朋友以及社会的关心，为
                                社会注入正能量。
                            </article>
                        </div>

                    </div>

                </div>
                <div class="swiper-slide">
                    <div class="ser-item">
                        <div class="ser-icon"><img src="./images/fw2.png" /></div>
                        <div class="ser-name"><span class="s-num">32</span><span class="s-txt">善待甄选</span></div>
                        <div class="ser-info" style="background-image: url(images/ser-bg.png)">
                            <h4>善待甄选</h4>
                            <article>
                                甄选原材料，在加工、运输、物流环
                                节层层监控，严守高品质输出关。稳
                                定的产品质量，周到的售前售后服务
                                让用户安心享受健康生活。以产品为
                                载体，普及健康生活理念，传递用户
                                对于家人、朋友以及社会的关心，为
                                社会注入正能量。
                            </article>
                        </div>

                    </div>

                </div>
                <div class="swiper-slide">
                    <div class="ser-item">
                        <div class="ser-icon"><img src="./images/fw3.png" /></div>
                        <div class="ser-name"><span class="s-num">33</span><span class="s-txt">善待公益</span></div>
                        <div class="ser-info" style="background-image: url(images/ser-bg.png)">
                            <h4>善待公益</h4>
                            <article>
                                甄选原材料，在加工、运输、物流环
                                节层层监控，严守高品质输出关。稳
                                定的产品质量，周到的售前售后服务
                                让用户安心享受健康生活。以产品为
                                载体，普及健康生活理念，传递用户
                                对于家人、朋友以及社会的关心，为
                                社会注入正能量。
                            </article>
                        </div>

                    </div>

                </div>
                <div class="swiper-slide">
                    <div class="ser-item">
                        <div class="ser-icon"><img src="./images/fw4.png" /></div>
                        <div class="ser-name"><span class="s-num">34</span><span class="s-txt">善待教育</span></div>
                        <div class="ser-info" style="background-image: url(images/ser-bg.png)">
                            <h4>善待教育</h4>
                            <article>
                                甄选原材料，在加工、运输、物流环
                                节层层监控，严守高品质输出关。稳
                                定的产品质量，周到的售前售后服务
                                让用户安心享受健康生活。以产品为
                                载体，普及健康生活理念，传递用户
                                对于家人、朋友以及社会的关心，为
                                社会注入正能量。
                            </article>
                        </div>

                    </div>

                </div>
                <div class="swiper-slide">
                    <div class="ser-item">
                        <div class="ser-icon"><img src="./images/fw5.png" /></div>
                        <div class="ser-name"><span class="s-num">35</span><span class="s-txt">善待国学艺术</span></div>
                        <div class="ser-info" style="background-image: url(images/ser-bg.png)">
                            <h4>善待国学艺术</h4>
                            <article>
                                甄选原材料，在加工、运输、物流环
                                节层层监控，严守高品质输出关。稳
                                定的产品质量，周到的售前售后服务
                                让用户安心享受健康生活。以产品为
                                载体，普及健康生活理念，传递用户
                                对于家人、朋友以及社会的关心，为
                                社会注入正能量。
                            </article>
                        </div>

                    </div>

                </div>
                <div class="swiper-slide">
                    <div class="ser-item">
                        <div class="ser-icon"><img src="./images/fw6.png" /></div>
                        <div class="ser-name"><span class="s-num">36</span><span class="s-txt">善待基金</span></div>
                        <div class="ser-info" style="background-image: url(images/ser-bg.png)">
                            <h4>善待基金</h4>
                            <article>
                                甄选原材料，在加工、运输、物流环
                                节层层监控，严守高品质输出关。稳
                                定的产品质量，周到的售前售后服务
                                让用户安心享受健康生活。以产品为
                                载体，普及健康生活理念，传递用户
                                对于家人、朋友以及社会的关心，为
                                社会注入正能量。
                            </article>
                        </div>

                    </div>

                </div>

            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>

    </section>

    <!-- 善待核心 -->
    <section class="core-sec" style="background-image: url(images/core-bg.jpg)">
        <header class="comm-header wow fadeInUp"><span>善待核心</span></header>
        <div class="swiper-container wow fadeInUp">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="core-item">
                        <figure>
                            <img src="./images/core1.jpg" />
                        </figure>
                        <div class="core-con">
                            <h4>善待自己</h4>
                            <article>具有合法营业执照和独立法人代表，有
                                良好的商业信誉和口碑</article>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="core-item">
                        <figure>
                            <img src="./images/core2.jpg" />
                        </figure>
                        <div class="core-con">
                            <h4>善待自己</h4>
                            <article>具有合法营业执照和独立法人代表，有
                                良好的商业信誉和口碑</article>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="core-item">
                        <figure>
                            <img src="./images/core3.jpg" />
                        </figure>
                        <div class="core-con">
                            <h4>善待自己</h4>
                            <article>具有合法营业执照和独立法人代表，有
                                良好的商业信誉和口碑</article>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="core-item">
                        <figure>
                            <img src="./images/core4.jpg" />
                        </figure>
                        <div class="core-con">
                            <h4>善待自己</h4>
                            <article>具有合法营业执照和独立法人代表，有
                                良好的商业信誉和口碑</article>
                        </div>
                    </div>
                </div>
            </div>
   <!-- Add Pagination -->
   <div class="swiper-pagination"></div>
        </div>

    </section>


    <!-- 我们是城市合伙人 -->

    <section class="city-sec">
        <header class="comm-header wow fadeInUp"><span>我们是城市合伙人</span></header>
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="city-item">
                        <div class="city-img"><img src="./images/city1.jpg" /></div>
                        <div class="city-con">
                            <h4>南京凡企网络科技有限公司</h4>
                            <article>
                                服务过四千家企业事业单位，致力于高端微信
                                平台搭建，微信平台运营，网站建设开发，网
                                站优化推广，系统软件开发
                            </article>
                        </div>
                    </div>

                </div>
                <div class="swiper-slide">
                    <div class="city-item">
                        <div class="city-img"><img src="./images/city5.jpg" /></div>
                        <div class="city-con">
                            <h4>杨子琪</h4>
                            <article>
                                服务过四千家企业事业单位，致力于高端微信
                                平台搭建，微信平台运营，网站建设开发，网
                                站优化推广，系统软件开发
                            </article>
                        </div>
                    </div>

                </div>
                <div class="swiper-slide">
                    <div class="city-item">
                        <div class="city-img"><img src="./images/city2.jpg" /></div>
                        <div class="city-con">
                            <h4>王晓璐</h4>
                            <article>
                                服务过四千家企业事业单位，致力于高端微信
                                平台搭建，微信平台运营，网站建设开发，网
                                站优化推广，系统软件开发
                            </article>
                        </div>
                    </div>

                </div>
                <div class="swiper-slide">
                    <div class="city-item">
                        <div class="city-img"><img src="./images/city6.jpg" /></div>
                        <div class="city-con">
                            <h4>南京凡企网络科技有限公司</h4>
                            <article>
                                服务过四千家企业事业单位，致力于高端微信
                                平台搭建，微信平台运营，网站建设开发，网
                                站优化推广，系统软件开发
                            </article>
                        </div>
                    </div>

                </div>
                <div class="swiper-slide">
                    <div class="city-item">
                        <div class="city-img"><img src="./images/city3.jpg" /></div>
                        <div class="city-con">
                            <h4>南京凡企网络科技有限公司</h4>
                            <article>
                                服务过四千家企业事业单位，致力于高端微信
                                平台搭建，微信平台运营，网站建设开发，网
                                站优化推广，系统软件开发
                            </article>
                        </div>
                    </div>

                </div>
                <div class="swiper-slide">
                    <div class="city-item">
                        <div class="city-img"><img src="./images/city7.jpg" /></div>
                        <div class="city-con">
                            <h4>南京凡企网络科技有限公司</h4>
                            <article>
                                服务过四千家企业事业单位，致力于高端微信
                                平台搭建，微信平台运营，网站建设开发，网
                                站优化推广，系统软件开发
                            </article>
                        </div>
                    </div>

                </div>
                <div class="swiper-slide">
                    <div class="city-item">
                        <div class="city-img"><img src="./images/city4.jpg" /></div>
                        <div class="city-con">
                            <h4>刘微微</h4>
                            <article>
                                服务过四千家企业事业单位，致力于高端微信
                                平台搭建，微信平台运营，网站建设开发，网
                                站优化推广，系统软件开发
                            </article>
                        </div>
                    </div>

                </div>
                <div class="swiper-slide">
                    <div class="city-item">
                        <div class="city-img"><img src="./images/city8.jpg" /></div>
                        <div class="city-con">
                            <h4>黄和达</h4>
                            <article>
                                服务过四千家企业事业单位，致力于高端微信
                                平台搭建，微信平台运营，网站建设开发，网
                                站优化推广，系统软件开发
                            </article>
                        </div>
                    </div>

                </div>
                <div class="swiper-slide">
                    <div class="city-item">
                        <div class="city-img"><img src="./images/city5.jpg" /></div>
                        <div class="city-con">
                            <h4>杨子琪</h4>
                            <article>
                                服务过四千家企业事业单位，致力于高端微信
                                平台搭建，微信平台运营，网站建设开发，网
                                站优化推广，系统软件开发
                            </article>
                        </div>
                    </div>

                </div>
                <div class="swiper-slide">
                    <div class="city-item">
                        <div class="city-img"><img src="./images/city2.jpg" /></div>
                        <div class="city-con">
                            <h4>王晓璐</h4>
                            <article>
                                服务过四千家企业事业单位，致力于高端微信
                                平台搭建，微信平台运营，网站建设开发，网
                                站优化推广，系统软件开发
                            </article>
                        </div>
                    </div>

                </div>
                <div class="swiper-slide">
                    <div class="city-item">
                        <div class="city-img"><img src="./images/city6.jpg" /></div>
                        <div class="city-con">
                            <h4>南京凡企网络科技有限公司</h4>
                            <article>
                                服务过四千家企业事业单位，致力于高端微信
                                平台搭建，微信平台运营，网站建设开发，网
                                站优化推广，系统软件开发
                            </article>
                        </div>
                    </div>

                </div>

                <div class="swiper-slide">
                    <div class="city-item">
                        <div class="city-img"><img src="./images/city4.jpg" /></div>
                        <div class="city-con">
                            <h4>刘微微</h4>
                            <article>
                                服务过四千家企业事业单位，致力于高端微信
                                平台搭建，微信平台运营，网站建设开发，网
                                站优化推广，系统软件开发
                            </article>
                        </div>
                    </div>

                </div>


            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>






    </section>


    <!-- 合城市合伙人案例案例 -->
    <section class="case-sec">
        <header class="comm-header case-sec-header wow fadeInUp"><span>城市合伙人案例</span></header>
        <!-- Swiper -->
        <div class="swiper-container wow fadeInUp">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="case-box">
                        <a href="">
                            <div class="case-img"><img src="./images/h1.jpg" /></div>
                            <div class="case-con">
                                <h4>
                                    大兴国际机场
                                </h4>
                                <p>
                                    车站、机场、医院、商场、写字楼等核心地带，保障充足客流。
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="case-box">
                        <a href="">
                            <div class="case-img"><img src="./images/h2.jpg" /></div>
                            <div class="case-con">
                                <h4>
                                    大兴国际机场
                                </h4>
                                <p>
                                    车站、机场、医院、商场、写字楼等核心地带，保障充足客流。
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="case-box">
                        <a href="">
                            <div class="case-img"><img src="./images/h3.jpg" /></div>
                            <div class="case-con">
                                <h4>
                                    大兴国际机场
                                </h4>
                                <p>
                                    车站、机场、医院、商场、写字楼等核心地带，保障充足客流。
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="case-box">
                        <a href="">
                            <div class="case-img"><img src="./images/h1.jpg" /></div>
                            <div class="case-con">
                                <h4>
                                    大兴国际机场
                                </h4>
                                <p>
                                    车站、机场、医院、商场、写字楼等核心地带，保障充足客流。
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="case-box">
                        <a href="">
                            <div class="case-img"><img src="./images/h2.jpg" /></div>
                            <div class="case-con">
                                <h4>
                                    大兴国际机场
                                </h4>
                                <p>
                                    车站、机场、医院、商场、写字楼等核心地带，保障充足客流。
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="case-box">
                        <a href="">
                            <div class="case-img"><img src="./images/h2.jpg" /></div>
                            <div class="case-con">
                                <h4>
                                    大兴国际机场
                                </h4>
                                <p>
                                    车站、机场、医院、商场、写字楼等核心地带，保障充足客流。
                                </p>
                            </div>
                        </a>
                    </div>
                </div>

            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>



    </section>

    <!-- 合作伙伴 -->


    <section class="index-cooperate inner-coo-sec">
        <div class="index-partner wow fadeInRight">
            <div class="tabs">
                <div class="tab active">战略合作 </div>
                <div class="tab">媒体合作</div>
            </div>

            <div class="panels">
                <div class="panel active">
                    <div class="swiper-container index-cus-swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="logos">
                                    <div class="logo-item"><img src="./images/logo1.jpg" /></div>
                                    <div class="logo-item"><img src="./images/logo6.jpg" /></div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="logos">
                                    <div class="logo-item"><img src="./images/logo2.jpg" /></div>
                                    <div class="logo-item"><img src="./images/logo7.jpg" /></div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="logos">
                                    <div class="logo-item"><img src="./images/logo3.jpg" /></div>
                                    <div class="logo-item"><img src="./images/logo8.jpg" /></div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="logos">
                                    <div class="logo-item"><img src="./images/logo4.jpg" /></div>
                                    <div class="logo-item"><img src="./images/logo9.jpg" /></div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="logos">
                                    <div class="logo-item"><img src="./images/logo5.jpg" /></div>
                                    <div class="logo-item"><img src="./images/logo10.jpg" /></div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="logos">
                                    <div class="logo-item"><img src="./images/logo11.jpg" /></div>
                                    <div class="logo-item"><img src="./images/logo12.jpg" /></div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="panel">
                    <div class="swiper-container index-media-swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="logos">
                                    <div class="logo-item"><img src="./images/logo11.jpg" /></div>
                                    <div class="logo-item"><img src="./images/logo6.jpg" /></div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="logos">
                                    <div class="logo-item"><img src="./images/logo1.jpg" /></div>
                                    <div class="logo-item"><img src="./images/logo7.jpg" /></div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="logos">
                                    <div class="logo-item"><img src="./images/logo3.jpg" /></div>
                                    <div class="logo-item"><img src="./images/logo8.jpg" /></div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="logos">
                                    <div class="logo-item"><img src="./images/logo5.jpg" /></div>
                                    <div class="logo-item"><img src="./images/logo9.jpg" /></div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="logos">
                                    <div class="logo-item"><img src="./images/logo5.jpg" /></div>
                                    <div class="logo-item"><img src="./images/logo10.jpg" /></div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="logos">
                                    <div class="logo-item"><img src="./images/logo2.jpg" /></div>
                                    <div class="logo-item"><img src="./images/logo12.jpg" /></div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

            </div>


        </div>


    </section>

    <!-- 联系我们 -->

    <section class="form-sec" style="background-image: url(images/form-bg.jpg)">
        <div class="form-shadow"></div>

        <div class="form-sec-con wow fadeInUp">
            <header class="form-header">如果想与我们取得合作，请填写以下信息</header>
            <small class="form-tip">
                我们收到您的留言信息后会第一时间联系您
            </small>
            <form action="" class="">
                <div class="form-item">
                    <label>姓名：</label>
                    <input type="text" class="form-text" />
                </div>
                <div class="form-item">
                    <label>电话</label>
                    <input type="text" class="form-text" />
                </div>
                <div class="form-item">
                    <button class="sub-btn">提交</button>
                </div>
            </form>
        </div>
    </section>
    <!-- 主体-end -->
    <!-- footer -->

    <footer class="pg-footer wow fadeIn">
        <div class="ft-fl">
            <ul class="ft-nav">
                <li><a href="index.html">首页</a></li>
                <li><a href="">善待乐活馆会员</a></li>
                <li><a href="">广告合作</a></li>
                <li><a href="about.html">善待集团</a></li>
                <li><a href="activity.html">公益活动</a></li>
            </ul>
            <div class="ft-info">
                <p class="tel">电话：400-600-6900</p>
                <p class="address">地址：北京市朝阳区大望路36号</p>
            </div>
        </div>
        <div class="ft-fr">
            <ul class="wx-list clearfix">
                <li>
                    <img src="./images/wechat.jpg" />
                    <span class="wx-name">官网微信</span>
                </li>
                <li>
                    <img src="./images/wechat3.jpg" />
                    <span class="wx-name">官网微博</span>
                </li>
                <li>
                    <img src="./images/wechat2.jpg" />
                    <span class="wx-name">有赞商城</span>
                </li>
            </ul>
            <div class="copyRight"><span>©2011 善待集团. 版权所有. 京ICP备11027678号-1</span> <span>技术支持：<a
                        href="www.bjqianchen.com">千晨科技</a></span></div>
        </div>

    </footer>
    <!--footer-end-->
    <script src="js/jquery.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/common.js"></script>
    <script>
        $(".header .nav ul>li").eq(2).addClass("active");
    </script>
</body>

</html>